<!--
 * @Author: tonghao
 * @Date: 2024-10-11 09:16:14
 * @LastEditors: tonghao
 * @LastEditTime: 2024-10-14 16:53:42
 * @Description: 请填写简介
-->
<script setup lang="ts">

// 定义 props 接收数据
import { defineProps } from 'vue'
defineProps({
  list: {
    type: Array,
    default: () => [],
  },
})
</script>

<template>
  <!-- 推荐专区 -->
  <view class="panel hot">
    <view class="item" v-for="item in list" :key="item.id">
      <view class="title">
        <text class="title-text">{{ item.title }}</text>
        <text class="title-desc">{{ item.alt }}</text>
      </view>
      <navigator hover-class="none" :url="`/pages/hot/hot?type=${item.type}`" class="cards">
        <image
          v-for="src in item.pictures"
          :key="src"
          class="image"
          mode="aspectFit"
          :src="src"
        ></image>
      </navigator>
    </view>
  </view>
</template>

<style lang="scss">
@import '../styles/hot.scss';
</style>
